<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<script type="text/javascript">

self.setInterval("toShowMessage()",300000);
function toShowMessage(){
	$.ajax({
		url:"${ctx}/information/checkMessage",
		type:"POST",
		dataType:"text",
		success:function(data){
			$("#infoCount").html(data);
		}
	});
}
function toList(){
	window.location.href="${ctx}/information/list?isRead=0";
}
//修改分类
function updateUserPwd(){
	art.dialog.open("${ctx }/user/updatePwd", {
		title: '修改密码', 
		width: 770, 
		height: 400,
		close: function(){
				art.dialog.data("data","");
	    	}
	}, false);
}
    try{ace.settings.check('navbar' , 'fixed')}catch(e){}
    
    
</script>
<div class="navbar-header pull-left">
    <a href="#" class="navbar-brand">
        <small>
            <img alt="" src="${ctx }/images/logo.png" width="170px" height="32px"/>
            <span style="margin-left:10px;">91琴趣服务平台</span>
        </small>
    </a><!-- /.brand -->
</div><!-- /.navbar-header -->

<div class="navbar-header pull-right" role="navigation">
    <ul class="nav ace-nav">
        <!-- <li class="grey">
            <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                <i class="ace-icon fa fa-tasks"></i>
                <span class="badge badge-grey">4</span>
            </a>

            <ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
                <li class="dropdown-header">
                    <i class="ace-icon fa fa-ok"></i>
                    4 Tasks to complete
                </li>

                <li>
                    <a href="#">
                        <div class="clearfix">
                            <span class="pull-left">Software Update</span>
                            <span class="pull-right">65%</span>
                        </div>

                        <div class="progress progress-mini ">
                            <div style="width:65%" class="progress-bar "></div>
                        </div>
                    </a>
                </li>

                <li>
                    <a href="#">
                        <div class="clearfix">
                            <span class="pull-left">Hardware Upgrade</span>
                            <span class="pull-right">35%</span>
                        </div>

                        <div class="progress progress-mini ">
                            <div style="width:35%" class="progress-bar progress-bar-danger"></div>
                        </div>
                    </a>
                </li>

                <li>
                    <a href="#">
                        <div class="clearfix">
                            <span class="pull-left">Unit Testing</span>
                            <span class="pull-right">15%</span>
                        </div>

                        <div class="progress progress-mini ">
                            <div style="width:15%" class="progress-bar progress-bar-warning"></div>
                        </div>
                    </a>
                </li>

                <li>
                    <a href="#">
                        <div class="clearfix">
                            <span class="pull-left">Bug Fixes</span>
                            <span class="pull-right">90%</span>
                        </div>

                        <div class="progress progress-mini progress-striped active">
                            <div style="width:90%" class="progress-bar progress-bar-success"></div>
                        </div>
                    </a>
                </li>

                <li>
                    <a href="#">
                        See tasks with details
                        <i class="ace-icon fa fa-arrow-right"></i>
                    </a>
                </li>
            </ul>
        </li> -->

        <li class="purple">
            <a id="show-info" data-toggle="dropdown" class="dropdown-toggle" href="javascript:void();" title="查看最新消息" onclick="toList()">
                <i class="ace-icon fa fa-bell icon-animated-bell"></i>
                <span id="infoCount" class="badge badge-important">0</span>
            </a>

<!--             <ul id="info-ul" style="width:360px" class="pull-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close"> -->
<!--                 <li class="dropdown-header"> -->
<!--                     <i class="ace-icon fa fa-warning-sign"></i> -->
<!--                     8 Notifications -->
<!--                 </li> -->
<!--                 <li> -->
<%--                     <a href="${ctx }/information/list?menuUrlSign=1"> --%>
<!--                        	查看所有消息 -->
<!--                         <i class="ace-icon fa fa-arrow-right"></i> -->
<!--                     </a> -->
<!--                 </li> -->
<!--             </ul> -->
        </li>

        <%-- <li class="green">
            <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                <i class="ace-icon fa fa-envelope icon-animated-vertical"></i>
                <span class="badge badge-success">5</span>
            </a>

            <ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
                <li class="dropdown-header">
                    <i class="ace-icon fa fa-envelope-alt"></i>
                    5 Messages
                </li>

                <li>
                    <a href="#">
                        <img src="${ctx }/images/avatars/avatar.png" class="msg-photo" alt="Alex's Avatar" />
                        <span class="msg-body">
                            <span class="msg-title">
                                <span class="blue">Alex:</span>
                                Ciao sociis natoque penatibus et auctor ...
                            </span>

                            <span class="msg-time">
                                <i class="ace-icon fa fa-time"></i>
                                <span>a moment ago</span>
                            </span>
                        </span>
                    </a>
                </li>

                <li>
                    <a href="#">
                        <img src="${ctx }/images/avatars/avatar3.png" class="msg-photo" alt="Susan's Avatar" />
                        <span class="msg-body">
                            <span class="msg-title">
                                <span class="blue">Susan:</span>
                                Vestibulum id ligula porta felis euismod ...
                            </span>

                            <span class="msg-time">
                                <i class="ace-icon fa fa-time"></i>
                                <span>20 minutes ago</span>
                            </span>
                        </span>
                    </a>
                </li>

                <li>
                    <a href="#">
                        <img src="${ctx }/images/avatars/avatar4.png" class="msg-photo" alt="Bob's Avatar" />
                        <span class="msg-body">
                            <span class="msg-title">
                                <span class="blue">Bob:</span>
                                Nullam quis risus eget urna mollis ornare ...
                            </span>

                            <span class="msg-time">
                                <i class="ace-icon fa fa-time"></i>
                                <span>3:15 pm</span>
                            </span>
                        </span>
                    </a>
                </li>

                <li>
                    <a href="#">
                        See all messages
                        <i class="ace-icon fa fa-arrow-right"></i>
                    </a>
                </li>
            </ul>
        </li> --%>

        <li class="light-blue">
            <a data-toggle="dropdown" href="#" class="dropdown-toggle">
            
                <img class="nav-user-photo" src="${ctx }/images/avatars/avatar2.png" alt="Jason's Photo" />
                <span class="user-info">
                    <small>Welcome,</small>
                    ${currentUser.name }
                </span>

                <i class="ace-icon fa fa-caret-down"></i>
            </a>

            <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                <li>
                    <a href="#" onclick="updateUserPwd();">
                        <i class="ace-icon fa fa-lock"></i>
                        	修改密码
                    </a>
                </li>
 				<!--
                <li>
                    <a href="#">
                        <i class="ace-icon fa fa-user"></i>
                        Profile
                    </a>
                </li> 

                <li class="divider"></li>
                -->

                <li>
                    <a href="${ctx }/login/logout">
                        <i class="ace-icon fa fa-off"></i>
                        	退出
                    </a>
                </li>
            </ul>
        </li>
    </ul><!-- /.ace-nav -->
</div><!-- /.navbar-header -->